/* 

	！！ 添加注释的样式可以修改 ！！ 

	！！ 要开启阴影，需要在 js 文件中进行修改，但开启阴影后，在IE6中有一点点的 bug ！！

*/



/* 设置整个导航所在的层的样式 */

#nav{

	width:100%;

	margin:0 auto;

	height:48px;

	background:#c10505;

	overflow:hidden;

}



#nav ul { width:1200px; height:48px; margin:0 auto;}

#nav ul li{ width:170px;  height:48px; text-align:center;line-height:48px; float:left;}

#nav ul li a{ font-size:16px;font-family:"微软雅黑"; color:#fff; display:block;}

#nav ul li a:hover{/* width:119px;*/  height:48px; background: #800101; position:relative;}

#nav ul li.selected a{width:119px;  height:48px; background: #800101; position:relative;}

/*IE6 hack to get sub menu links to behave correctly*/

* html #menu ul li a{display: block;}

/* 设置每个菜单项中 a 标签经过的样式 */



#menu ul li ul{

	display: none;

	visibility: hidden;

	width:133px;

    height:50px;

	position:absolute;

    background:#f5aeac;

	left:0;

	top:5px;

}

#menu ul li ul li{

	height:28px;

	line-height:28px;

	border:0;

	width:60px;

	font-size:16px;

	font-family:"微软雅黑";

}

/* 设置子菜单中每个菜单项中 a 标签平常的样式 */

#menu ul li ul li a{

	 /* 子菜单的宽度 */

	height:28px;

	line-height:28px;

	color:#ffffff;

	float:left;

	font-size:12px;

	width:60px;

	

}

/* 设置子菜单中每个菜单项中 a 标签鼠标经过的样式 */

#menu ul li ul li a:hover{

	height:28px;

	line-height:28px;

    color:#ffffff;

    background: none;

}

/* Holly Hack for IE \*/

* html #menu{height: 1%;}

/* 控制首行导航右侧三角的位置 */

.downarrowclass{

	position: absolute;

	top: 39px;    

	left: 45px;

}

/* 控制子导航右侧三角的位置 */

.rightarrowclass{

	position: absolute;

	top: 13px;     

	right: 7px;

}

/* 阴影样式,如果在 js 中开启了阴影，则需设置 */

.ddshadow{

	position: absolute;

	left: 0;

	top: 0;

	width: 0;

	height: 0;

	background: silver;

}

/* 透明度的设置 */

.toplevelshadow{

	filter:alpha(opacity=80);

	-moz-opacity:0.8;

	opacity: 0.8;

}



/*=====================================*/

/* 菜单项之间的竖线 */

#nav ul li.menu_line{  

	background:url(menu_line.png) no-repeat center;

	width:1px;

	height:50px;

}